﻿<!DOCTYPE html>
<html>
<head>
	<!-- set the encoding of your site -->
	<meta charset="utf-8">
	<!-- set the viewport width and initial-scale on mobile devices -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Home</title>
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/css.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/font-awesome.min.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/bootstrap.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/slick.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/animate.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/style.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/responsive.css">
	<!-- include the site stylesheet -->
	<link rel="stylesheet" href="{{__TEMPLATE__}}/css/colors.css">
</head>
<body>
	<div class="loader-holder">
		<div class="loader">
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
			<div class="side"></div>
		</div>
	</div>
	<!-- main container of all the page elements -->
	<div id="wrapper">
		<!-- header of the page -->
		<header id="header" class="version-i">
			<div class="stick-holder">
				<div class="container">
					<div class="row">
						<div class="col-xs-3 col-sm-2">
							<!-- logo of the page -->
							<div class="logo"><a href="home.html"><img src="{{__TEMPLATE__}}/images/logo.png" alt="dot"></a></div>
							<!-- logo of the page end -->
						</div>
						<div class="col-xs-9 col-sm-10 nav-holder">
							<!-- Nav of the page -->
							<nav id="nav" class="navbar navbar-default">
								<!-- Navbar header of the page -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>
								<!-- Navbar header of the page end -->
								<!-- Collapse navbar collapse of the page -->
								<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
									<ul class="nav navbar-nav navbar-right">
											<category pid="0">
												<li>
													<a <?php if($field['cate_id']==Request::get('cate_id')){ ?>class="cur"<?php } ?> href="{{$field['url']}}">{{$field['cate_name']}}</a>
												</li>
											</category>
									</ul>
								</div>
								<!-- Collapse navbar collapse of the page end -->
							</nav>
							<!-- Nav of the page end -->
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- header of the page end -->
		<!-- main of the page -->
		<main id="main" role="main">
			<div class="home-box">
				<section class="slideshow">
					<!-- slide of the page -->
					<div class="slide" style="background-image: url({{__TEMPLATE__}}/images/img73.jpg);">
						<div class="align-holder">
							<div class="align">
								<div class="container">
									<div class="row">
										<header class="header col-xs-12 col-sm-8 col-sm-offset-2 text-center">
											<div class="title-box"><strong class="title">Lifestyle</strong></div>
											<h1>Life is an adventure, <br>it’s not a package tour.</h1>
											<a href="single-post.html">continue reading</a>
										</header>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- slide of the page end -->
					<!-- slide of the page -->
					<div class="slide" style="background-image: url({{__TEMPLATE__}}/images/img01.jpg);">
						<div class="align-holder">
							<div class="align">
								<div class="container">
									<div class="row">
										<header class="header col-xs-12 col-sm-8 col-sm-offset-2 text-center">
											<div class="title-box"><strong class="title">Sports</strong></div>
											<h1>The Best Fashion, <br>5 Outfits for a Party.</h1>
											<a href="single-post.html">continue reading</a>
										</header>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- slide of the page end -->
					<!-- slide of the page -->
					<div class="slide" style="background-image: url({{__TEMPLATE__}}/images/img74.jpg);">
						<div class="align-holder">
							<div class="align">
								<div class="container">
									<div class="row">
										<header class="header col-xs-12 col-sm-8 col-sm-offset-2 text-center">
											<div class="title-box"><strong class="title">Movies</strong></div>
											<h1>Thieves Of The Prison <br>Let there be no purpose.</h1>
											<a href="single-post.html">continue reading</a>
										</header>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- slide of the page end -->
					<!-- slide of the page -->
					<div class="slide" style="background-image: url({{__TEMPLATE__}}/images/img75.jpg);">
						<div class="align-holder">
							<div class="align">
								<div class="container">
									<div class="row">
										<header class="header col-xs-12 col-sm-8 col-sm-offset-2 text-center">
											<div class="title-box"><strong class="title">Internet</strong></div>
											<h1>I get up  <br>looking for adventure.</h1>
											<a href="single-post.html">continue reading</a>
										</header>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- slide of the page end -->
					<!-- slide of the page -->
					<div class="slide" style="background-image: url({{__TEMPLATE__}}/images/img73.jpg);">
						<div class="align-holder">
							<div class="align">
								<div class="container">
									<div class="row">
										<header class="header col-xs-12 col-sm-8 col-sm-offset-2 text-center">
											<div class="title-box"><strong class="title">Lifestyle</strong></div>
											<h1>Life is an adventure, <br>it’s not a package tour.</h1>
											<a href="single-post.html">continue reading</a>
										</header>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- slide of the page end -->
				</section>
				<!-- switcher of the page -->
				<div class="switcher">
					<div class="center-block">
						<!-- switcher mask of the page -->
						<div class="switcher-mask">
							<!-- switcher slide of the page  轮播图开始 -->
							<slide>
								<div class="slide">
									<div class="switcher-slide">
										<div class="slide-holder">
											<div class="img-holder">
												<img src="{{$field['slide_thumb']}}" alt="image description">
											</div>
											<h2><a href="single-post.html">{{$field['slide_title']}}<br>unsuccessful designer</a></h2>
											<time datetime="2011-01-12"><a href="#">{{$field['updated_at']}}</a></time>
										</div>
									</div>
								</div>
							</slide>


						</div>
						<!-- switcher mask of the page end 轮播图结束 -->
					</div>
				</div>
				<!-- slide of the page end -->
			</div>

			<!-- twocolumns of the page -->
			<div id="twocolumns">
				<div class="container">
					<div class="row">
						<!-- Content of the page -->
						<div id="content" class="col-xs-12 col-md-8">
							<!-- widget of the page -->
							<section class="widget profile-widget style1 hidden-md hidden-lg">
								<div class="profile-pic">
									<a href="#">
										<img src="{{__TEMPLATE__}}/images/img11.jpg" alt="John Aston">
									</a>
								</div>
								<h3><a href="#">John Aston</a></h3>
								<p>Hi, I am John Aston. Duis autem vel eum dolor in hendrerit in vulputate velit esse mole consequat, vel illum dolore eu feugiat nulla lisis at vero eros et accumsan et iusto.</p>
								<!-- Social networks of the page -->
								<ul class="social-networks justify">
									<li><a href="#"><span class="icon ico-facebook"></span></a></li>
									<li><a href="#"><span class="icon ico-twitter"></span></a></li>
									<li><a href="#"><span class="icon ico-google-plus"></span></a></li>
									<li><a href="#"><span class="icon ico-linkedin"></span></a></li>
									<li><a href="#"><span class="icon ico-pinterest"></span></a></li>
								</ul>
								<!-- Social networks of the page end -->
							</section>
							<!-- widget of the page end -->
							<!-- cols holder of the page -->
							<div class="cols-holder">
								<!-- post of the page -->
								<arclist arc_id="4,5">
									<article class="post wow fadeInLeft" data-wow-delay="0.6s">
										<div class="img-holder"><a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" alt="image description"></a></div>
										<div class="text-wrap">
											<time datetime="2011-01-12">{{$field['updated_at']}} - <a href="#">Travel</a></time>
											<h2><a href="single-post.html">{{$field['arc_title']}}</a></h2>
											<p>{{$field['arc_description']}}</p>
											<a href="single-post.html" class="link-more">{{$field['arc_author']}}</a>
										</div>
									</article>

								</arclist>
							</div>
							<!-- cols holder of the page end -->
							<!-- cols holder of the page -->
							<div class="cols-holder">
								<!-- post of the page -->
								<arclist arc_id="8">
									<article class="post fluid text-center wow fadeInUp" data-wow-delay="0.6s">
										<div class="video-holder">
											<!--<a href="" class="ico-play lightbox fancybox.iframe"></a>-->
											<a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" alt="image description"></a>
										</div>
										<div class="text-wrap text-center">
											<time datetime="2011-01-12">{{$field['updated_at']}} - <a href="#">lifestyle</a></time>
											<h2><a href="single-post.html">{{$field['arc_title']}}</a></h2>
											<p>{{$field['arc_description']}}</p>
											<a href="single-post.html" class="link-more">{{$field['arc_author']}}</a>
										</div>
									</article>
								</arclist>

								<!-- post of the page end -->
							</div>
							<!-- cols-holder of the page end -->
							<div class="cols-holder">
								<!-- post of the page -->
								<arclist arc_id="6,7">
									<article class="post wow fadeInLeft" data-wow-delay="0.6s">
										<div class="img-holder"><a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" alt="image description"></a></div>
										<div class="text-wrap">
											<time datetime="2011-01-12">{{$field['updated_at']}}- <a href="#">Travel</a></time>
											<h2><a href="single-post.html">{{$field['arc_title']}}</a></h2>
											<p>{{$field['arc_description']}}</p>
											<a href="single-post.html" class="link-more">{{$field['arc_author']}}</a>
										</div>
									</article>
								</arclist>
								<!-- post of the page end -->

							</div>
							<!-- cols holder of the page end -->
							<!-- col holder of the page -->
							<div class="cols-holder">
								<!-- post of the page -->
								<arclist arc_id="9">
									<article class="post fluid text-center wow fadeInUp" data-wow-delay="0.6s">
										<ul class="list-unstyled carousel">
											<li>
												<div class="slide">
													<a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" alt="image description"></a>
												</div>
											</li>
										</ul>
										<div class="text-wrap text-center">
											<time datetime="2011-01-12">{{$field['updated_at']}} - <a href="#">World</a></time>
											<h2><a href="single-post.html">{{$field['arc_title']}}</a></h2>
											<p>{{$field['arc_description']}}</p>
											<a href="single-post.html" class="link-more">{{$field['arc_author']}}</a>
										</div>
									</article>
								</arclist>

								<!-- post of the page end -->
							</div>
							<!-- cols holder of the page end -->
							<!-- cols holder of the page -->
							<div class="cols-holder">
								<!-- post of the page -->
								<arclist arc_id="11,12">
								<article class="post wow fadeInLeft" data-wow-delay="0.6s">
									<div class="img-holder"><a href="{{$field['url']}}"><img src="{{$field['arc_thumb']}}" alt="image description"></a></div>
									<div class="text-wrap">
										<time datetime="2011-01-12">{{$field['updated_at']}} - <a href="#">Travel</a></time>
										<h2><a href="single-post.html">{{$field['arc_title']}}</a></h2>
										<p>{{$field['arc_description']}}</p>
										<a href="single-post.html" class="link-more">{{$field['arc_author']}}</a>
									</div>
								</article>
								</arclist>
								<!-- post of the page end -->
							</div>
							<!-- cols holder of the page end -->
							<!-- Navigation of the page -->
							<nav role="navigation" class="navigation pagination">
								<div class="nav-links">
									<a href="#" class="prev page-numbers">Prev post.</a>
									<a href="#" class="page-numbers">1</a>
									<span class="page-numbers current">2</span>
									<span class="page-numbers dots hidden">…</span>
									<a href="#" class="page-numbers">3</a>
									<a href="#" class="next page-numbers">NEXT post.</a>
								</div>
							</nav>
							<!-- Navigation of the page end -->
						</div>
						<!-- Content of the page end -->
						<!-- Sidebar of the page -->
						<aside id="sidebar" class="col-xs-12 col-md-4">
							<!-- Widget of the page -->
							<section class="widget profile-widget style1 hidden-sm hidden-xs wow fadeInUp" data-wow-delay="0.6s">
								<div class="profile-pic">
									<a href="#">
										<img src="{{__TEMPLATE__}}/images/img11.jpg" alt="John Aston">
									</a>
								</div>
								<!--<a href="{{u('home/login/login')}}">登录</a>，<a href="{{u('home/login/reg')}}">注册</a>-->

								<h3>
								<?php if(!isset($_SESSION['username'])):?>
								<div><a href="{{u('home.login.login')}}">登录</a> | <a href="{{u('home.login.reg')}}">注册</a></div>
								<?php else:?>
								<div style="color: #bfbfbf;">欢迎回来，<?php echo $_SESSION['username'];?> <a href="{:u('home/login/out')}">退出</a></div>
								<!--<div style="color: #bfbfbf;">欢迎回来，{{Session::get('user.user_name')}} <a href="{:u('home/login/out')}">退出</a></div>-->
								<?php endif ?>
								</h3>
								<p>Hi, I am John Aston. Duis autem vel eum dolor in hendrerit in vulputate velit esse mole consequat, vel illum dolore eu feugiat nulla lisis at vero eros et accumsan et iusto.</p>
								<!-- Social network of the page -->
								<!--<ul class="social-networks justify">-->
									<!--<li><a href="#"><span class="icon ico-facebook"></span></a></li>-->
									<!--<li><a href="#"><span class="icon ico-twitter"></span></a></li>-->
									<!--<li><a href="#"><span class="icon ico-google-plus"></span></a></li>-->
									<!--<li><a href="#"><span class="icon ico-linkedin"></span></a></li>-->
									<!--<li><a href="#"><span class="icon ico-pinterest"></span></a></li>-->
								<!--</ul>-->
								<!-- Social network of the page end -->
							</section>
							<!-- Widget of the page end -->
							<!-- Widget of the page -->
							<section class="widget recent-posts-widget wow fadeInUp" data-wow-delay="0.6s">
								<header class="widget-head">
									<h3>Recent Posts</h3>
									<p>post those are very recent in Dot</p>
								</header>
								<ol>
									<arclist arc_id="1,2,3,4,5,6,7,8,9,10">
										<li>
											<h4><a href="{{$field['url']}}">{{$field['arc_title']}}</a></h4>
										<span class="post-tag">
											<time datetime="2011-01-12"><a href="#">{{$field['updated_at']}}</a></time>
											<strong class="tag hot">HOT</strong>
										</span>
										</li>
									</arclist>

								</ol>
							</section>
							<!-- Widget of the page end -->
							<!-- Widget of the page -->
							<div class="widget promo-widget wow fadeInUp" data-wow-delay="0.6s">
								<a href="#"><img src="{{__TEMPLATE__}}/images/ad-placeholder.jpg" alt="“Place your Advertisement here”"></a>
							</div>
							<!-- Widget of the page end -->
							<!-- Widget of the page -->
							<div class="widget widget_categories tabs wow fadeInUp" data-wow-delay="0.6s">
								<header class="widget-head">
									<h3>Category</h3>
									<p>browse all your favourite categories</p>
								</header>
								<div class="lists-holder">
									<ul>
										<category pid="0" cate_id="1,2,3">
											<li class="cat-item cat-item-1">
												<a <?php if($field['cate_id']==Request::get('cate_id')){ ?>class="cur"<?php } ?> href="{{$field['url']}}">{{$field['cate_name']}}</a>
											</li>
										</category>
									</ul>
									<ul>
										<category pid="0" cate_id="4,5,6">
											<li class="cat-item cat-item-1">
												<a <?php if($field['cate_id']==Request::get('cate_id')){ ?>class="cur"<?php } ?> href="{{$field['url']}}">{{$field['cate_name']}}</a>
											</li>
										</category>
									</ul>
								</div>
							</div>
							<!-- Widget of the page end -->
						</aside>
						<!-- Sidebar of the page end -->
					</div>
				</div>
			</div>
			<!-- twocolumns of the page end -->
			<!-- Instagram Slider of the page -->
			<div class="instagram-slider container-fluid">
				<div class="row">
					<div class="mask">
						<div class="slideset">
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img30.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img31.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img35.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img32.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img33.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img36.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img34.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img30.jpg" alt="image description"></a>
							</div>
							<div class="slide">
								<a href="#"><img src="{{__TEMPLATE__}}/images/img31.jpg" alt="image description"></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Instagram Slider of the page end -->
		</main>
		<!-- main of the page end -->
		<!-- aside of the page -->
		<aside class="aside footer-area">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 holder">
						<div class="col">
							<!-- logo of the page -->
							<div class="logo">
								<a href="#">
									<img src="{{__TEMPLATE__}}/images/logo2.png" alt="dot">
								</a>
							</div>
							<!-- logo of the page end -->
							<tag action='links.links' >
								<p><a  style="color: red;" target="_blank" href="{{$field['links_url']}}">{{$field['links_name']}}</a></p>
							</tag>
							<!-- Social Network of the page -->
							<ul class="social-networks">
								<li><a href="#"><span class="ico-facebook"></span></a></li>
								<li><a href="#"><span class="ico-twitter"></span></a></li>
								<li><a href="#"><span class="ico-google-plus"></span></a></li>
								<li><a href="#"><span class="ico-linkedin"></span></a></li>
								<li><a href="#"><span class="ico-pinterest"></span></a></li>
							</ul>
							<!-- Social Network of the page -->
						</div>
						<!-- footer nav of the page -->
						<nav class="col footer-nav">
							<h3>Important Links</h3>
							<ul>
								<li><a href="#">About us</a></li>
								<li><a href="#">Terms &amp; Conditions</a></li>
								<li><a href="#">Privacy Policy</a></li>
								<li><a href="#">Sitemap</a></li>
								<li><a href="#">Support</a></li>
							</ul>
						</nav>
						<!-- footer nav of the page end -->
						<!-- Widget holder of the page -->
						<div class="col widget-holder">
							<h3>Popular Posts</h3>
							<div class="widget recent-posts-widget">
								<ol>
									<li>
										<h4><a href="single-post.html">I get up in the morning looking <br>for an adventure.</a></h4>
										<span class="post-tag">
											<time datetime="2011-01-12"><a href="#">21st Jan</a></time>
										</span>
									</li>
									<li>
										<h4><a href="single-post.html">I get up in the morning looking <br>for an adventure.</a></h4>
										<span class="post-tag">
											<time datetime="2011-01-12"><a href="#">21st Jan</a></time>
										</span>
									</li>
								</ol>
							</div>
						</div>
						<!-- Widget holder of the page end -->
						<div class="col">
							<h3>Subscribe to Newsletter</h3>
							<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie.</p>
							<!-- subscribe form of the page -->
							<form action="#" class="subscribe-form">
								<div class="form-group">
									<input type="email" class="form-control" placeholder="Enter your email here">
									<button type="submit" class="ico-send"></button>
								</div>
							</form>
							<!-- subscribe form of the page end -->
						</div>
					</div>
				</div>
			</div>
		</aside>
		<!--QQ推广-->
		<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2629637050&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:2629637050:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
		<!-- aside of the page end -->
		<!-- footer of the page -->
		<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-xs-12">
						<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://www.17sucai.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					</div>
				</div>
			</div>
		</footer>
		<!-- footer of the page end -->
		<!-- Back Top of the page -->
    	<span id="back-top" class="fa fa-angle-up"></span>
    	<!-- Style Changer of the page -->
    	<div id="style-changer" data-src="inc/style-changer.html"></div>
	</div>
	<!-- include jQuery -->
	<script src="{{__TEMPLATE__}}/js/jquery.js"></script>
	<!-- include jQuery -->
    <script src="{{__TEMPLATE__}}/js/plugins.js"></script>
    <!-- include jQuery -->
    <script src="{{__TEMPLATE__}}/js/jquery.main.js"></script>

</body>
</html>
